<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>内容发生改变事件onchange</title>
    <script type="text/javascript">
      //静态绑定
      function mySal() {
        alert("工资范围发生变化...");
      }

      //动态绑定
      window.onload = function () {
        //1.得到dom对象
        var girl = document.getElementById("girl");
        girl.onchange = function () {
          alert("女友发生变化...");
        }
      }
    </script>
  </head>

  <body>
    你当前工资水平：
<!--静态注册-->
    <select onchange="mySal()">
      <option>--工资范围--</option>
      <option>10k以下</option>
      <option>10k~30k</option>
      <option>30k以上</option>
    </select> <br/>

    你当前女友是谁：
    <select id="girl">
      <option>--女友--</option>
      <option>艳红</option>
      <option>春桃</option>
      <option>春花</option>
    </select>
  </body>
</html>